.cf{clear:both}
.index{ width:100%; height:auto;  background:#fff;}
.index .main,.index .box{ width:100%; height:auto; overflow:hidden;}
.index .box{/* margin-bottom: 60px; */}
.index .main .img{width:100%; height:auto; overflow:hidden;}
.index .main .h_box{ width:100%; height:auto; overflow:hidden; background: #2fc37d;}
.index .main img,.index .box img{ width:100%; height:auto; display:block;}
.index .btn,.index .bot_btn{ width:100%; height:auto; overflow:hidden; /* position: absolute; */ bottom: 0; margin-top: .9rem;}
.index .bot_btn{position:fixed;bottom:0;display:none;}
.index .btn a,.index .bot_btn a{ width:100%; height:auto; overflow:hidden; display:block;}
.index .btn img,.index .bot_btn img{ width:100%; height:auto; display:block;}
.content{ width:100%; height:auto; overflow:hidden; display:none;}
.fade{ width:100%; height:auto; overflow:hidden; position:absolute; top:0; background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.8); z-index: 999;}
.know{ width:5.25rem; height:1.85rem; position:fixed; top:60%; left:50%; margin-left:-2.125rem; z-index: 9999;}
.know img{ width:100%; height:auto; display:block;}
.text{ width:9.2rem; height:3.45rem; position:fixed; right:8px; top:2px; z-index: 9999;}
.text img{ width:100%; height:auto; display:block;}

























